<mat-sidenav-container class="docs-sidenav-container">
  <mat-sidenav class="docs-sidenav" mode="side" opened>
    <mat-list role="list">
      <mat-list-item role="listitem">
        <mat-icon matListItemIcon>inbox</mat-icon>
        <div matListItemTitle>Inbox</div>
      </mat-list-item>
      <mat-list-item role="listitem">
        <mat-icon matListItemIcon>star</mat-icon>
        <div matListItemTitle>Starred</div>
      </mat-list-item>
      <mat-list-item role="listitem">
        <mat-icon matListItemIcon>watch_later</mat-icon>
        <div matListItemTitle>Snoozed</div>
      </mat-list-item>
      <mat-list-item role="listitem">
        <mat-icon matListItemIcon>send</mat-icon>
        <div matListItemTitle>Sent</div>
      </mat-list-item>
    </mat-list>
  </mat-sidenav>
</mat-sidenav-container>
